import React,{Component} from 'react';
import './pathology.less';
import Velocity from 'velocity-animate';
import 'velocity-animate/velocity.ui';
import $ from 'jquery';
import Lang from './Lang.json';
import material from './materil';
import { Row, Col } from 'antd';
const prefix = 'pathology';
class Pathology extends Component{
    componentDidMount(){
        Velocity($("."+prefix+"-reason-list"),"transition.slideLeftBigIn",{ stagger: 350 })
    }
    render()
    {
        let reason = Lang.reason.map((value,index)=>{
            return(
                <div className={prefix+"-reason-list"} key={index}>{value}</div>
            )
        });
        let material_source = material.map((value,index)=>{
            return(
                <Col key={index} className={prefix+"-material-list"} span={3}>
                    <img src={value} alt=""/>
                </Col>
            )
        })
        return (
            <div className={prefix}>
                <div className={prefix+"-features"} id={prefix+"-features"}>
                    <p>将患者病理切片样本送至美国梅奥医疗集团，依托先进技术，规范操作获得精准结果。由梅奥权威专家给出结论性疾病诊断与治疗建议。</p>
                </div>
                <div className={prefix+"-reason clearfix"}>
                    <h3>为何选择梅奥医疗集团</h3>
                    {reason}
                </div>
                <div className={prefix+"-chose clearfix"}>
                    <h3>为何选择病理会诊</h3>
                    <img src={require('./img/fir.png')} alt=""/>
                    <img src={require('./img/sec.png')} alt=""/>
                    <img src={require('./img/thir.png')} alt=""/>
                </div>
                <div className={prefix+"-step"}>
                    <h3>病理会诊流程</h3>
                    <img src={require('./img/step.png')} alt=""/>
                </div>
                <div className={prefix+"-material clearfix"}>
                    <Row type='flex' justify="space-around">
                    {material_source}
                    </Row>
                </div>
            </div>
        )
    }
};
export default Pathology;